Today's Question:  What does your personal desk look like?        GIVE A SHOUT

SEARCH KEYWORD -- Transparent display

  What can CSS :has pseudo class be used for?

CSS's :has is a pseudo-class representing an element if any of the selectors passed as parameters matching at least one element. From the name, it's also easy to understand how it matches elements. The syntax is pretty easy as well: :has([some-selector]) With this pseudo class, it can do lots of things which previously would be challenging or need tweaking the DOM elements with JavaScript. This post will demonstrate what :has can be used for. Introduction Below are a few simple ex...

   CSS,:HAS,:NOT,PSEUDO CLASS     2022-09-18 01:40:54

  Mac evolution history

Apple's WWDC is coming in a few hours. All Apple fans are expecting that Apple will release some new amazing Apple products. This year, what are we expecting? The result will be revealed in just a few hours. Before that, we can look back about the history of some Apple products such as Mac. Below is the Mac evolution history summarized by iheartapple2.com. We can take a few minutes to go through it. Reference : http://iheartapple2.com/post/52498663368...

   Apple,WWDC,Mac,History     2013-06-10 09:17:17

  Do you really understand Geolocation?

LBS(Location based service) services continue to emerge, it seems that every product has some relationship with maps. But to be honest, do you really understand what is Geolocation? Not necessarily. Although lots of products have LBS service, they can be categorized as sign, search, navigation and information display, these are functional features of the map as a software should have. However, Geolocation is not software, it is just a functional feature, a functional feature of all LBS applicat...

   geolocation,app,significance     2012-10-22 12:11:41

  The new Google Search By Voice

Along with the new announcement of the new Google logo, there is a new change to the Google search -- The Google Search By Voice. When you use Google in a browser, you will see below color mic icon now:   With this, you can search by speaking in front of your computer,  OK, Google will listens to what you are saying and do the search for you.  As described by Google, this change: A colorful Google mic help you identify and interact with Google whether you’re talking, tap...

   Google, Google voice, Google logo     2015-09-02 11:07:13

  How to use Chome dev tool to find event handler bound to an element

As a front end developer, there is frequent need to debug JS code and sometimes need to find out what event handler has been bound to a HTML element. In this post, we will show how to find out the click event handler bound to a HTML element, this same applies to other events as well. Nowadays, a web application is usually very complicated and there are lots of JS codes which makes it difficult to find out what click event handler has been bound to a HTML element, especially when the JS source co...

   JAVASCRIPT,CHROME,CHROME DEV TOOL,EVENT LISTENER     2019-08-17 22:14:36

  Microsoft unveils a new logo

When releasing Windows 8, many people thought that Microsoft would use the blue logo as company's logo. But we are "cheated", Microsoft unveils a new logo. Watch video below. Since unveiling its first logo in 1977, Microsoft has changed its logo a few times, they are  In 1977, its "Micro-Soft" Microsoft "blibbet" logo, filed August 26, 1982 at the USPTO and used until 1987. Microsoft "Pac-Man" logo, designed by Scott Baker and used from 1987 to 2012 with the 1994–2002 slogan"W...

   Microsoft,Logo,Windows 8     2012-08-23 20:04:03

  How does GoLang know how many CPUs to use?

When running lscpu command on Linux, it will list the CPU info on the machine. Take one example where there is one CPU with 2 cores and each core has two threads which indicates there are 4 cores available. Now let's see how many cores GoLang program would identify. From output, NumCPU and GOMAXPROCS both output 4 which is expected. How does go runtime get this info, does it get it through similar command like lscpu or /proc/cpuinfo? Let's dig more in GoLang's source code. In runtim...

   GOLANG,CPU,NCPU     2020-12-29 23:22:15

  How to make contribution to GitHub correctly?

If you have a GitHub account, then you will be able to see a section called Public contributions on your profile page. Your contribution status for the past year will be showed on this section, it's called contribution calendar. This calendar has 7 rows and 53 columns. Each cell on the grid represents your contribution status for one day, if the contribution is different, the cell color will be different. There are 5 colors in total : white, yellow, light green,green and deep green. With this, s...

   GitHub,Contribution calendar,Public contributions     2013-09-27 10:47:11

  Set up Superset on ubuntu 16.04 LTS

Apache Superset (incubating) is a modern, enterprise-ready business intelligence web application. Compared with business-focused BI tool like Tableau, superset is more technology-navy. It supports more types of visualization and able to work in distributed manner to boost the query performance. Most importantly, it is free of charge! An example dashboard: Let’s go and set it up. Create a virtualenv Assume Anaconda is installed for python management. # create a virtualenv with python 3.6 co...

   TUTORIAL,UBUNTU,SUPERSET     2019-10-19 21:34:55

  Cool HTML5 matrix effect

Do you still remember the movie The Matrix? Do you still remember the cool matrix effect in that movie? How is that effect achieved? Shaun Dunne shared a piece of HTML5 code which displays a cool matrix effect. The matrix demo can be found here. Below is the code which he achieves this effect: with var s = window.screen; var width = q.width = s.width; var height = q.height = s.height; var letters = Array(256).join(1).split(''); var draw = function () { q.getContext('2d').fillStyle='rgba(0,0,...

   Matrix,HTML5     2013-08-14 08:03:34

RECENT